import React from 'react' // 每一个组件都需要引入
import ReactDom from 'react-dom'// 一个项目中 只需要引入一次即可
import './2.less'

// let h = <h1 className='box'>哈哈哈哈</h1>
// let h = React.createElement('h1',{className:'box'},'哈哈哈哈')

// let ele = <div id='box'>
//   哈哈还是
//   <i>呵呵</i>
//   <p>
//     hello
//     <b>666</b>
//   </p>
// </div>

let ele = React.createElement('div',{id:'box'},"哈哈还是",
              React.createElement('i',null,"呵呵"),
              React.createElement('p',null,'hello',React.createElement('b',null,'666'))
              )
// 虚拟DOM 就是用JS对象去模拟真实DOM树
console.log(ele)              





ReactDom.render(ele,document.querySelector('#root'))